<template>
   <div class="member tabControl_custom activity">
     <navbar>会员资料</navbar>
     <div class="content register">
       <div class="header">
         <div class="portrait" :style="{backgroundImage:'url('+user.avatar+')'}">
           <div :class="'tag v'+user.group.grade"></div>
         </div>
         <h2>{{ user.nick_name }}</h2>
       </div>
       <Slide-bar :height="heights" :canDrag="isDrag" :list="tabList" >
         <div slot="slot-item-0">
           <dl class="userInfo">
             <dd class="mx-1px-top">
               <span>性别</span>
               <span class="vlc-nowrap">{{ user.sex }}</span>
             </dd>
             <dd class="mx-1px-top mobile">
               <a href="tel:user.mobile">
                 <span>手机号码</span>
                 <span class="vlc-nowrap">{{ user.mobile }}</span>
               </a>
             </dd>
           </dl>
         </div>
         <div slot="slot-item-1" class="h100 activity_list">
           <LoadMore :height="heights" :load-more="loadMore" :auto=false :refresh="refresh" ref="pulldown" :has-more="hasMore">
           <div class="list">
             <ul>
               <li class="mx-1px" v-for="i in detail.data" @click="jump(i.id)">
                 <div class="list-in">
                   <div class="right">
                     <h2 class="vlc-nowrap">{{ i.title }}</h2>
                     <p class="vlc-nowrap time">{{ i.starts_at | time(i.ends_at) }}</p>
                     <div class="vlc-nowrap location">{{ i.address }}</div>
                   </div>
                 </div>
               </li>
             </ul>
           </div>
           </LoadMore>
         </div>
       </Slide-bar>
     </div>
   </div>
</template>
<script type="text/ecmascript-6">
  import js from '../../../../cores/coach/member.vue';

  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../../styles/ot.less";
  .member{
      li{
        list-style: none;
      }
      .vlc-slideBar{
        height:100%;
      .vlc-slideBar-wrapper{
        border-bottom: 1px solid #cccccc;
        padding:8px 0;
      }
      .vlc-slideBar-content-item{
        overflow-y: auto;
      >div.myLeadActivity{
         height: 100%;
         padding-bottom: 48px;
       }
      }
      .vlc-slideBar-container{
        height: 100%;
        background-color: #eeeeee;
      }
      }
  }

</style>
